<%-- 
    Document   : filum_1
    Created on : 12 Apr 11, 18:31:47
    Author     : surya
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Name       : Sweat Bee
Description: A two-column, fixed-width design for 1024x768 screen resolutions.
Version    : 1.0
Released   : 20090912

-->
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>

        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <title>Sweat Bee  by Free CSS Templates</title>
        <meta name="keywords" content="" />
        <meta name="description" content="" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
        <script>
                !window.jQuery && document.write('<script src="jquery-1.4.3.min.js"><\/script>');
        </script>
        <script type="text/javascript" src="./fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
        <script type="text/javascript" src="./fancybox/jquery.fancybox-1.3.4.pack.js"></script>
        <link rel="stylesheet" type="text/css" href="./fancybox/jquery.fancybox-1.3.4.css" media="screen" />
        <!--<link rel="stylesheet" href="style.css" />-->
        <script type="text/javascript">
            $(document).ready(function() {
                /*
                 *   Examples - various
                 */

                $("#various1").fancybox({
                    'titlePosition'		: 'inside',
                    'transitionIn'		: 'none',
                    'transitionOut'		: 'none'
                });
                $("#various2").fancybox({
                    'titlePosition'		: 'inside',
                    'transitionIn'		: 'none',
                    'transitionOut'		: 'none'
                });
            });
        </script>
        <link href="style.css" rel="stylesheet" type="text/css" media="screen" />
        <style type="text/css">
            <!--
            .style1 {font-size: 10px}
            .style2 {font-weight: bold}
            .style3 {font-size: 24px}
            -->
        </style>
    </head>
    <body>
        <div id="header-wrapper">
            <div id="header">
                <div id="menu">
                    <ul>
                        <li><a id="various1" href="#inline1" class="style1">Login</a></li>
                        <!--<li><a href="#">Blog</a></li>
				<li><a href="#">Photos</a></li>
				<li><a href="#">About</a></li>
				<li><a href="#">Links</a></li>
				<li><a href="#">Contact</a></li>-->
                    </ul>
                    <div style="display: none;">
                        <div id="inline1" style="width:220px;height:140px;overflow:auto;">
                            <form algin="right" action="LoginServlet" method="post">
                                <br />
        			User name	:<input type="text" name="name_admin" />
                                <br />
        			Password	:<input type="password" name="password" />
                                <br />
                                <input align="right" type="submit" name="SUBMIT" value="GO" />
                            </form>
                        </div>
                    </div>
                </div>
                <!-- end #menu -->
                <div id="search">
                    <form method="get" action="hasilCari.jsp">
                        <fieldset>
                            <input type="text" name="kunci" id="search-text" size="15" />
                            <input type="submit" id="search-submit" value="GO" />
                        </fieldset>
                    </form>
                </div>
                <!-- end #search -->
            </div>
        </div>
        <!-- end #header -->
        <!-- end #header-wrapper -->
        <a href="index.jsp"><div id="logo1">
                <h1><p style="color: red">Filum Arthopodha</p></h1>
            </div></a>
        <div id="wrapper">
            <div id="page">
                <div id="page-bgtop">
                    <hr />
                    <!-- end #logo -->
                    <div id="content">
                        <div class="post">
                            <h2 class="title"><a href="#">Selamat Datang Di Filum Arthopodha</a></h2>
                            <p class="meta">Sunday, April 26, 2009 7:27 AM Posted by <a href="#">Someone</a></p>
                            <div class="entry">
                                <p>Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. Nam bibendum. In nulla tortor, elementum vel, tempor at, varius non, purus. Mauris vitae nisl nec   consectetuer. </p>
                            </div>
                        </div>
                        <div class="post">
                            <h2 class="title"><a href="#">Filum Arthopodha</a></h2>
                            <p class="meta">Sunday, April 26, 2009 7:27 AM Posted by <a href="#">Someone</a></p>
                            <div class="entry">
                                <p>Mauris vitae nisl nec metus placerat consectetuer. Donec ipsum. Proin imperdiet est. Sed lacus. Donec lectus. Nullam pretium nibh ut turpis. </p>
                            </div>
                        </div>
                    </div>
                    <!-- end #content -->
                    <div id="sidebar">
                        <ul>
                            <li>
                                <h2>Kelas dari Filum Arthropoda</h2>
                                <p>Kelas yang terdapat dalam filum arthropoda.</p>                            </li>
                            <li>
                                <h2>Kategori </h2>
                                <ul>
                                    <li><a href="Filum1.jsp">ARTHROPODA</a></li>
                                    <li><a href="Filum2.jsp">CNIDARIA</a></li>
                                    <li><a href="Filum3.jsp">ECHINODERMATA</a></li>
                                    <li><a href="Filum4.jsp">MOLLUSCA</a></li>
                                    <li><a href="Filum5.jsp">PORIFERA</a></li>
                                    <li><a href="Filum6.jsp">ONYCHOPORA</a></li>
                                    <li><a href="Filum7.jsp">ANELIDA</a></li>
                                    <li><a href="Filum8.jsp">MANDIBULATA</a></li>
                                </ul>
                            </li>
                        </ul>
                    </div>
                    <!-- end #sidebar -->
                    <div style="clear: both;">&nbsp;</div>
                </div>
            </div>
        </div>
        <!-- end #page -->
        <div id="footer-bgcontent">
            <div id="footer">
                <p>Copyright (c) 2008 Sitename.com. All rights reserved. <br />
			Template Design by <a href="http://www.freecsstemplates.org/">Free CSS Templates</a>.</p>
            </div>
        </div>
        <!-- end #footer -->
    </body>
</html>
